<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>厨余垃圾提交</title>
		<meta name="author" content="EdieLei" />
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=0">
		<link rel="stylesheet" href="../font-awesome-4.7.0/font-awesome-4.7.0/css/font-awesome.min.css" />
		<link rel="stylesheet" href="../css/kichen.css" />
		<script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
		<script type="text/javascript" src="../js/jquery.js"></script>
	</head>
	<body>
		<div class="kichenTop">
			<a href="#"><span class="fa fa-angle-left fa-2x" aria-hidden="true"></span></a>
			<a href="#">
				<p class="kichenHistory">投放历史</p>
			</a>
		</div>
		<div class="kong"></div>
		<div class="submitstyle">
			<div class="submitleft">审核方式</div>
			<div class="submitRight picRight">
				<div class="submitpic">拍照</div>
				<div class="submitother">贴码</div>
			</div>
			<hr />
		</div>
		<div class="submitstyle">
			<div class="submitleft"><span>*</span>
				<p>厨余垃圾重量</p>
			</div>
			<div class="submitRight">
				<p><input type="tel" value="" />kg</p>
			</div>
		</div>
		<div class="pic">
			<input id="img" type="file" accept="image/*" class="picimg" />
			<div class="subpic">点击拍照</div>
			<div id="photo" class="picphoto"></div>
		</div>
		<a href="#">
			<button class="picup">提交</button>
		</a>
		<div class="picshili">
			<p>ps:厨余垃圾主要是一些猪、狗、家禽能吃的餐厅剩余垃圾</p>
			<p>示例照片</p>
			<img src="" />
		</div>
		<p class="banquan">©2018 i分类.<br /> All rights reserved.</p>
	</body>
	<script type="text/javascript">
		$(document).ready(function() {
			var num = -1
			$('.submitpic').click(function() {
				$(this).css("background-color", "#259B24");
				$(this).css("color", "#FFFFFF");
				$('.submitother').css("background-color", "#FFFFFF");
				$('.submitother').css("color", "#259B24");
				$('.pic').css("display", "block")
			})
			$('.submitother').click(function() {
				$(this).css("background-color", "#259B24");
				$(this).css("color", "#FFFFFF");
				$('.submitpic').css("background-color", "#FFFFFF");
				$('.submitpic').css("color", "#259B24");
				$('.pic').css("display", "none")
			})
			$('.picimg').click(function() {
				$('.picphoto').show(300);
			})
					$('#img').change(function() {
					var file = this.files[0];
					var r = new FileReader();
					r.readAsDataURL(file);
					$(r).load(function() {

						$('#photo').html('<img src="' + this.result + '" alt="" />');
					})
				})
			})
		
	</script>

</html>